﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>二三欢喜</title>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
    <link rel="Stylesheet" type="text/css" href="css/css.css" charset="gb2312" />
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/jquery.slides.js"></script>
    <script type="text/javascript" src="js/slider.js"></script>
</head>
<body>
    <!------------头部-------------->
    <div class="top_bg">
        <div class="wrap">
            <div class="qrcode right mgt20">
                <div class="right">
                    <img src="images/qrcode.png" /></div>
                <div class="left">
                    <ul>
                        <li><a href="#">自用网站</a></li>
                        <li><a href="#">联系微信</a></li>
                        <li><a href="#">侵删致谢</a></li>
                    </ul>
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="logo left mgt20">
                <img src="images/logo.png" alt="二三欢喜" /></div>
            <div class="clear">
            </div>
        </div>
    </div>
    <!------------搜索条-------------->
    <div class="top_bar">
        <div class="wrap">
            <div class="right hotkeyword mgt10">
                <ul>
                    <li><a href="#">专属日历</a></li>
                    <li><a href="#">音乐平台</a></li>
                    <li><a href="#">图片合集</a></li>
                    <li><a href="#">视频合集</a></li>
                    <li><a href="#">XXXXXXX</a></li>
                    <li><a href="#">XXXXXXX</a></li>
                 
                </ul>
            </div>
            <div class="left searchbar">
                <div class="searchoption">
                    <ul>
                        <li><a href="javascript:;" class="curr">歌曲</a></li>
                        <li><a href="javascript:;">专辑</a></li>
                        <li><a href="javascript:;">小凯</a></li>
                        <li><a href="javascript:;">关于</a></li>
                    </ul>
                </div>
                <div class="searchinput">
                    <input type="hidden" value="歌曲" id="hd_searchtype" />
                    <input type="button" class="right" onclick="alert('检索！')" />
                    <input type="text" class="left" placeholder="请先选择上方检索类型，再输入检索关键词" />
                    <div class="clear">
                    </div>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
    </div>
    <!------------大屏广告-------------->
    <div class="full pdtb30">
        <div class="slider_box" id="slider_name">
            <div class="mask">
            </div>
            <ul class="silder_con">
                <li class="silder_panel"><a href="#" class="f_l">
                    <img src="images/slidepic/1.jpg" /></a></li>
                <li class="silder_panel"><a href="#" class="f_l">
                    <img src="images/slidepic/2.jpg" /></a></li>
                <li class="silder_panel"><a href="#" class="f_l">
                    <img src="images/slidepic/3.jpg" /></a></li>
            </ul>
            <div class="silder_intro">
                <h3>
                    取自《微微一笑很倾城》</h3>
                <div>
                    <p>
                        如果，我知道有一天我会这么爱你。我一定对你一见钟情。</p>
                </div>
            </div>
            <div class="silder_intro">
                <h3>
                    取自《沿着塞纳河到翡冷翠》</h3>
                <div>
                    <p>
                        任何一种环境或一个人，初次见面就预感到离别的隐痛时，你必定是爱上他了。</p>
                </div>
            </div>
            <div class="silder_intro">
                <h3>
                    取自《三生有幸》</h3>
                <div>
                    <p>
                        需要积攒几世的运气，今生才有幸遇见你。不知怎么表示我也爱你，只好赠予你我的片片深情。</p>
                </div>
            </div>
            <div class="silder_intro">
                <h3>
                    味道江显武（私房菜）4</h3>
                <div>
                    <p>
                        黑椒鸡排牛肉</p>
                    <p>
                        特点：牛肉含有丰富的蛋白质和脂肪，其氨基酸组成接近于人体需要</p>
                    <p>
                        口感：辣感十足，肉味鲜美，饶有嚼头，美味无处不在。</p>
                </div>
            </div>
            <div class="silder_intro">
                <h3>
                    味道江显武（私房菜）5</h3>
                <div>
                    <p>
                        黑椒鸡排牛肉</p>
                    <p>
                        特点：牛肉含有丰富的蛋白质和脂肪，其氨基酸组成接近于人体需要</p>
                    <p>
                        口感：辣感十足，肉味鲜美，饶有嚼头，美味无处不在。</p>
                </div>
            </div>
            <ul class="silder_nav dec">
                <li><a href="#">
                    <img src="images/slidepic/s_1.jpg" /></a></li>
                <li><a href="#">
                    <img src="images/slidepic/s_2.jpg" /></a></li>
                <li><a href="#">
                    <img src="images/slidepic/s_3.jpg" /></a></li>
            </ul>
        </div>
    </div>
    <!------------各类推荐-------------->
    <div class="full" style="background: rgba(102, 154, 223, 0.178)">
        <div class="wrap pdtb30 recomm">
            <div class="right recomm_bar" style="margin-right: 0">
                <div class="recomm_tit">
                    <img src="images/it_1.jpg" alt="朗读推荐" /></div>
                <div class="recomm_content langdu">
                    <ul>
                        <li>
                            <div class="right">
                                <h3>
                                    《心引力》</h3>
                                <h5>
                                    王俊凯</h5>
                            </div>
                            <div class="left">
                                <img src="images/avatar/xyl.jpg" /></div>
                            <div class="clear">
                            </div>
                            <a class="vioce">心引力的定律…………</a> </li>
                        <li>
                            <div class="right">
                                <h3>
                                    Beautiful</h3>
                                <h5>
                                    王俊凯</h5>
                            </div>
                            <div class="left">
                                <img src="images/avatar/b.jpg" /></div>
                            <div class="clear">
                            </div>
                            <a class="vioce">Beautiful…………</a> 
                         </li>
                        <li>
                            <div class="right">
                                <h3>
                                    《生长》</h3>
                                <h5>
                                    王俊凯</h5>
                            </div>
                            <div class="left">
                                <img src="images/avatar/sz.jpg" /></div>
                            <div class="clear">
                            </div>
                            <a class="vioce">从开始到现在…………</a> 
                         </li>
                    </ul>
                </div>
                <a class="dianji" href="#">+ 点击进入</a>
            </div>
            <div class="left recomm_bar">
                <div class="recomm_tit">
                    <img src="images/it_4.jpg" alt="新作推荐" /></div>
                <div class="recomm_content xinzuo">
                    <div class="xinzuo_item">
                        <h3>
                            开发者</h3>
                        <h5>
                            XinxinShang</h5>
                        <div>
                            <p>
                                入坑多年小螃蟹</p>
                            <p>
                                一直是佛系粉丝</p>
                            <p>
                                突发奇想开发个网站</p>
                            <p>
                               很简陋</p>
                        </div>
                    </div>
                    <div class="xinzuo_item">
                        <h3>
                            版权问题</h3>
                        <h5>
                            XinxinShang</h5>
                        <div>
                            <p>
                                网站自用</p>
                            <p>
                                侵删致谢</p>
                            <p>
                                联系电话：13604399715</p>
                            <p>
                                微信在右上角</p>
                            <p>
                                感谢大家/p>
                        </div>
                    </div>
                </div>
                <a class="dianji" href="#">+ 点击进入</a>
            </div>
            <div class="left recomm_bar">
                <div class="recomm_tit">
                    <img src="images/it_2.jpg" alt="诗人推荐" /></div>
                <div class="recomm_content shiren">
                    <ul>
                        <li>
                            <div class="right">
                                <h3>
                                    《749局》</h3>
                                <h5>
                                    <span>中国</span><span>大陆</span><span>导演：陆川</span></h5>
                            </div>
                            <div class="left">
                                <img src="images/avatar/749.png" /></div>
                            <div class="clear">
                            </div>
                            <div class="brief">
                                《749局》讲述一个少年成长冒险的热血故事。</div>
                        </li>
                        <li>
                            <div class="right">
                                <h3>
                                    《断桥》</h3>
                                <h5>
                                    <span>中国</span><span>大陆</span><span>导演：李玉</span></h5>
                            </div>
                            <div class="left">
                                <img src="images/avatar/dq.png" /></div>
                            <div class="clear">
                            </div>
                            <div class="brief">
                                悬疑推理，情节跌宕起伏，敬请期待。。</div>
                        </li>
                        <li>
                            <div class="right">
                                <h3>
                                    《1921》</h3>
                                <h5>
                                    <span>中国</span><span>大陆</span><span>导演：黄建新，郑大圣</span></h5>
                            </div>
                            <div class="left">
                                <img src="images/avatar/1921.jpg" /></div>
                            <div class="clear">
                            </div>
                            <div class="brief">
                                1921年的上海，租界林立，局势剑拔弩张……</div>
                        </li>
                    </ul>
                </div>
                <a class="dianji" href="#">+ 点击进入</a>
            </div>
            <div class="left recomm_bar">
                <div class="recomm_tit">
                    <img src="images/it_3.jpg" alt="诗歌推荐" /></div>
                <div class="recomm_content shige">
                    <div class="shige_item">
                        <h3>
                            敬请期待/h3>
                        <h5>
                            ……………………</h5>
                        <h5 class="author">
                            ……………………</h5>
                    </div>
                    <div class="shige_item">
                        <h3>
                            敬请期待</h3>
                        <h5>
                            ……………………</h5>
                        <h5 class="author">
                            ……………………</h5>
                    </div>
                    <div class="shige_item">
                        <h3>
                            敬请期待</h3>
                        <h5>
                            ……………………</h5>
                        <h5 class="author">
                            ……………………</h5>
                    </div>
                    <div class="shige_item">
                        <h3>
                            敬请期待</h3>
                        <h5>
                            ……………………</h5>
                        <h5 class="author">
                            ……………………</h5>
                    </div>
                </div>
                <a class="dianji" href="#">+ 点击进入</a>
            </div>
            <div class="clear">
            </div>
        </div>
    </div>
    <!------------云端-------------->
    <div class="full pdtb30">
        <div class="tit_bar wrap">
            <div class="right">
                <a href="#">更多分类 +</a></div>
            <div class="tit_1 left">
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="wrap yunduan" style="margin-top: 30px;">
            <ul>
                <li><a href="#">
                    <img src="images/cat/yunzhen.jpg" alt="云阵" /></a></li>
                <li>
                    <img src="images/cat/p_yunzhen.jpg" alt="云阵" /></li>
                <li><a href="#">
                    <img src="images/cat/yunji.jpg" alt="云集" /></a></li>
                <li>
                    <img src="images/cat/p_yunji.jpg" alt="云集" /></li>
                <li><a href="#">
                    <img src="images/cat/yunjing.jpg" alt="云锦" /></a></li>
                <li>
                    <img src="images/cat/p_yunjing.jpg" alt="云锦" /></li>
                <li>
                    <img src="images/cat/p_yunyou.jpg" alt="云游" /></li>
                <li><a href="#">
                    <img src="images/cat/yunyou.jpg" alt="云游" /></a></li>
                <li>
                    <img src="images/cat/p_yuntu.jpg" alt="云图" /></li>
                <li><a href="#">
                    <img src="images/cat/yuntu.jpg" alt="云图" /></a></li>
                <li>
                    <img src="images/cat/p_yunhuan.jpg" alt="云鬟" /></li>
                <li><a href="#">
                    <img src="images/cat/yunhuan.jpg" alt="云鬟" /></a></li>
            </ul>
            <div class="clear">
            </div>
        </div>
    </div>
    <!------------赏析------------
    <div class="full pdtb30">
        <div class="tit_bar wrap">
            <div class="right">
                <a href="#">更多分类 +</a></div>
            <div class="tit_2 left">
            </div>
            <div class="search">
                <input type="button" id="searchbtn" class="right btn" />
                <input class="left" type="text" placeholder="诗人/诗作/诗句检索" />
                <div class="clear">
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="wrap shangxi">
            <div class="scrolllist" id="s1">
                <a class="abtn aleft" href="#left" title="左移"></a>
                <div class="imglist_w">
                    <ul class="imglist">
                        <li>
                            <div class="right">
                                <h3>解读《马蹄洼，我十八岁的牧场》</h3>
                                <h5>关于诗歌的张力，著名诗人郭昊英说过：“这种张力就是你明显能感觉到，诗的每一个字。</h5>
                            </div>
                            <div class="left"><img src="images/scrollpic/1.png"/></div>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <div class="right">
                                <h3>解读《先秦汉诗略问》</h3>
                                <h5>“对我而言，擅闯众多伟大人物毕生研究的领域是放肆的。”——奥登《希腊人和我们》</h5>
                            </div>
                            <div class="left"><img src="images/scrollpic/2.png"/></div>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <div class="right">
                                <h3>解读《马蹄洼，我十八岁的牧场》</h3>
                                <h5>关于诗歌的张力，著名诗人郭昊英说过：“这种张力就是你明显能感觉到，诗的每一个字。</h5>
                            </div>
                            <div class="left"><img src="images/scrollpic/1.png"/></div>
                            <div class="clear"></div>
                        </li>
                    </ul>
                  imglist end
                </div>
                <a class="abtn aright" href="#right" title="右移"></a>
            </div>
        </div>
    </div>
-->
    <!------------标注-------------
    <div class="full">
        <div class="tit_bar wrap">
            <div class="right">
                <a href="#">更多任务 +</a></div>
            <div class="tit_3 left">
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="wrap biaozhu">
            <div class="biaozhurenwu right">
                <h2>
                    今日标注任务</h2>
                <h3 class="biaozhu_tit">
                    《与吴质书》</h3>
                <h5>
                    二月三日，丕白。岁月易得，别来行复四年。三年不见，《东山》犹叹其远</h5>
            </div>
            <div class="jinribiaozhu left">
                142次/28192次
            </div>
            <div class="jinribiaozhu left">
                98篇/8941篇
            </div>
            <div class="clear"></div>
        </div>
    </div>
-->
    <!------------链-------------->
    <div class="full">
        <div class="tit_bar wrap">
            <div class="right">
                <a href="#">更多 +</a></div>
            <div class="tit_4 left">
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="wrap lian">
            <ul>
                <li><a href="#">微博</a></li>
                <li><a href="#">公众号</a></li>
                <li><a href="#">抖音</a></li>
                <li><a href="#">哔哩哔哩</a></li>
                <li><a href="#">CSDN</a></li>
                <li><a href="#">github</a></li>
                <li><a href="#">gitee</a></li>
               
            </ul>
            <div class="clear"></div>
        </div>
    </div>
    <!------------尾部-------------->
    <div class="footer">
        <div class="wrap">
            <div class="right footr">
                <ul>
                    <li style="width: 80px;">
                        <img src="images/qrcode.png" width="70" height="70" /></li>
                    <li style="width: 80px;">
                        <img src="images/qrcode.png"  width="70" height="70"/></li>
                    <li style="width: 220px;">
                        <h2 style="color: White">
                            关于我们</h2>
                        <h5 style="color: White">
                            地址：西安科技大学</h5>
                        <h5 style="color:  White">
                            电话：13604399715</h5>
                    </li>
                    <li style="width: 430px; color: White; font-size: 14px; margin-top:30px;">XXXXXXXXX<br />
                        Copyright © 2021-2021 All Right Reserved. </li>
                </ul>
            </div>
            <div class="left footl">
                <div class="logo2"><img src="images/logo2.png" alt="云间诗路"/></div>
                <div style="margin-top:60px;">
                    <span>友情链接</span>
                    <span>联系我们</span>
                    <span>网站地图</span>
                    <span>XinxinShang</span>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
    </div>
</body>
</html>
